<!DOCTYPE html>

<html class="app-ui">

    <head>
   <!-- Meta -->
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
   
   <!-- Document title -->
   <title>万邦-云阅卷</title>
   
   <meta name="description" content="AppUI - Admin Dashboard Template & UI Framework" />
   <meta name="author" content="rustheme" />
   <meta name="robots" content="noindex, nofollow" />
   
   <!-- Favicons -->
   <link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" />
   <link rel="icon" href="assets/img/favicons/favicon.ico" />
   
   <!-- Google fonts -->
   <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,900%7CRoboto+Slab:300,400%7CRoboto+Mono:400" />
   
   <!-- Page JS Plugins CSS -->
   <link rel="stylesheet" href="assets/js/plugins/slick/slick.min.css" />
   <link rel="stylesheet" href="assets/js/plugins/slick/slick-theme.min.css" />
   
   <!-- AppUI CSS stylesheets -->
   <link rel="stylesheet" id="css-font-awesome" href="assets/css/font-awesome.css" />
   <link rel="stylesheet" id="css-ionicons" href="assets/css/ionicons.css" />
   <link rel="stylesheet" id="css-bootstrap" href="assets/css/bootstrap.css" />
   <link rel="stylesheet" id="css-app" href="assets/css/app.css" />
   <link rel="stylesheet" id="css-app-custom" href="assets/css/app-custom.css" />
   <!-- End Stylesheets -->
    </head>
    <body class="app-ui layout-has-drawer layout-has-fixed-header">
        <div class="app-layout-canvas">
            <div class="app-layout-container">

                <!-- Drawer -->
                <aside class="app-layout-drawer">

                    <!-- Drawer scroll area -->
                    <div class="app-layout-drawer-scroll">
                        <!-- Drawer logo -->
                        <div id="logo" class="drawer-header">
                            <a href="index.html"><h4 style=" text-align:center">云阅卷</h4></a>
                        </div>

                        <!-- Drawer navigation -->
                        <nav class="drawer-main">
                            <ul class="nav nav-drawer">

                               
                                <li class="nav-item nav-drawer-header">菜单导航</li>

                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-ios-calculator-outline"></i>考试管理</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="examList.html">考试列表</a>
                                        </li>

                                        <li>
                                            <a href="createExam.html">创建考试</a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-ios-compose-outline"></i> 在线阅卷</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="examSetting.html">阅卷设置</a>
                                        </li>

                                        <li>
                                            <a href="examPapers.html">我要阅卷</a>
                                        </li>

                                        <li>
                                            <a href="examProblemPapers.html">问题卷处理</a>
                                        </li>
                                        <li>
                                            <a href="examProgress.html">进度监控</a>
                                        </li>

                                        <li>
                                            <a href="examQuality.html">质量抽查</a>
                                        </li>

                                    </ul>
                                </li>


                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-ios-list-outline"></i> 成绩管理</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="examReport.html">考试成绩单</a>
                                        </li>

                                        <li>
                                            <a href="examSubReport.html">单科试题得分表</a>
                                        </li>

                                        <li>
                                            <a href="gradeAnalyze.html">年纪成绩分析</a>
                                        </li>

                                        <li>
                                            <a href="classAnalyze.html">班级成绩分析</a>
                                        </li>

                                    </ul>
                                </li>

                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-ios-browsers-outline"></i> 教师讲卷</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="scoreAndPapers.html">成绩与答卷</a>
                                        </li>

                                        <li>
                                            <a href="highScoreComposition.html">高分作文</a>
                                        </li>

                                        <li>
                                            <a href="topicScore.html">试题得分情况</a>
                                        </li>

                                        <li>
                                            <a href="subAnalyzeReport.html">学科分析报表</a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="nav-item nav-item-has-subnav">
                                    <a href="javascript:void(0)"><i class="ion-social-javascript-outline"></i> 用户中心</a>
                                    <ul class="nav nav-subnav">

                                        <li>
                                            <a href="schoolManager.html">学校管理</a>
                                        </li>

                                        <li>
                                            <a href="subManager.html">学科管理</a>
                                        </li>
										
                                        <li>
                                            <a href="gradeManager.html">年级管理</a>
                                        </li>
										
										<li>
										    <a href="gradeAndSubManager.html">年级与学科关系维护</a>
										</li>
										
										<li>
										    <a href="teaManager.html">教师管理</a>
										</li>
										
                                        <li>
                                            <a href="classManager.html">班级管理</a>
                                        </li>
										
										<li>
										    <a href="stuManager.html">学生管理</a>
										</li>
										
                                        <li>
                                            <a href="subAdnClassAnager.html">学科与班级关系维护</a>
                                        </li>
                                    </ul>
                                </li>

                            </ul>
                        </nav>
                        <!-- End drawer navigation -->

                        <div class="drawer-footer">
                            <p class="copyright">Copyright &copy; 2020.北京万邦易嵌科技有限公司.<a target="_blank" href="http://www.wanbangee.com">万邦易嵌</a></p>
                        </div>
                    </div>
                    <!-- End drawer scroll area -->
                </aside>
                <!-- End drawer -->

                <!-- Header -->
                <header class="app-layout-header">
                    <nav class="navbar navbar-default">
                        <div class="container-fluid">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
                                <button class="pull-left hidden-lg hidden-md navbar-toggle" type="button" data-toggle="layout" data-action="sidebar_toggle">
					<span class="sr-only">Toggle drawer</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
                            </div>

                            <div class="collapse navbar-collapse" id="header-navbar-collapse">
                                <!-- Header search form -->
                                <form class="navbar-form navbar-left app-search-form" role="search">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <input class="form-control" type="search" id="search-input" placeholder="学号或姓名" />
                                            <span class="input-group-btn">
								<button class="btn" type="button"><i class="ion-ios-search-strong" id="searchScore"></i></button>
							</span>
                                        </div>
                                    </div>
                                </form>

                                <ul id="main-menu" class="nav navbar-nav navbar-left">
                                    <li class="dropdown">
                                        <a href="#" data-toggle="dropdown" id="a_choiceExam">选择考试 <span class="caret"></span></a>
                                        <ul class="dropdown-menu" id="u_chioceExam">
                                            
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" data-toggle="dropdown" id="a_chioceClass">选择班级<span class="caret"></span></a>

                                        <ul class="dropdown-menu" id="u_classDiv">
                                           
                                        </ul>
                                    </li>
									<li class="dropdown">
									    <a href="#" data-toggle="dropdown" id="a_chioceSub">选择科目<span class="caret"></span></a>
									
									    <ul class="dropdown-menu" id="u_sub">
									       
									    </ul>
									</li>
                                </ul>
                                <!-- .navbar-left -->

                                <ul class="nav navbar-nav navbar-right navbar-toolbar hidden-sm hidden-xs">
                                    <li>
                                        <!-- Opens the modal found at the bottom of the page -->
                                        <a href="javascript:void(0)" data-toggle="modal" data-target="#apps-modal"><i class="ion-grid"></i></a>
                                    </li>

                                    <li class="dropdown">
                                        <a href="javascript:void(0)" data-toggle="dropdown"><i class="ion-ios-bell"></i> <span class="badge">3</span></a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li class="dropdown-header">Profile</li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News </a>
                                            </li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages </a>
                                            </li>
                                            <li class="divider"></li>
                                            <li class="dropdown-header">More</li>
                                            <li>
                                                <a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
                                            </li>
                                        </ul>
                                    </li>

                                    <li class="dropdown dropdown-profile">
                                        <a href="javascript:void(0)" data-toggle="dropdown">
                                            <span class="m-r-sm">John Doe <span class="caret"></span></span>
                                            <img class="img-avatar img-avatar-48" src="assets/img/avatars/avatar3.jpg" alt="User profile pic" />
                                        </a>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li class="dropdown-header">
                                                Pages
                                            </li>
                                            <li>
                                                <a href="base_pages_profile.html">Profile</a>
                                            </li>
                                            <li>
                                                <a href="base_pages_profile.html"><span class="badge badge-success pull-right">3</span> Blog</a>
                                            </li>
                                            <li>
                                                <a href="frontend_login_signup.html">Logout</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- .navbar-right -->
                            </div>
                        </div>
                        <!-- .container-fluid -->
                    </nav>
                    <!-- .navbar-default -->
                </header>
                <!-- End header -->

                <main class="app-layout-content">

                    <!-- Page Content -->
                    <div class="container-fluid p-y-md" id="scoreDiv">
                       <table class="table table-striped">
                       	<thead>
                       		<tr class="active">
                       			<th>学校</th>
                       			<th>班级</th>
                       			<th>学号</th>
                       			<th>姓名</th>
                       			<th>年级排名</th>
                       			<th>班级排名</th>
                       			<th id="u_liSub">语文</th>
                       			<th>主观题得分</th>
                       			<th>客观题得分</th>
                       			<th>总分</th>
                       		</tr>
                       	</thead>
                       	<tbody id="t_showScore">
                       		
                       	</tbody>
                       </table>
                    </div>
                    <!-- .container-fluid -->
                    <!-- End Page Content -->

                </main>

            </div>
            <!-- .app-layout-container -->
        </div>
        <!-- .app-layout-canvas -->

        <!-- Apps Modal -->
        <!-- Opens from the button in the header -->
        <div id="apps-modal" class="modal fade" tabindex="-1" role="dialog">
            <div class="modal-sm modal-dialog modal-dialog-top">
                <div class="modal-content">
                    <!-- Apps card -->
                    <div class="card m-b-0">
                        <div class="card-header bg-app bg-inverse">
                            <h4>Apps</h4>
                            <ul class="card-actions">
                                <li>
                                    <button data-dismiss="modal" type="button"><i class="ion-close"></i></button>
                                </li>
                            </ul>
                        </div>
                        <div class="card-block">
                            <div class="row text-center">
                                <div class="col-xs-6">
                                    <a class="card card-block m-b-0 bg-app-secondary bg-inverse" href="index.html">
                                        <i class="ion-speedometer fa-4x"></i>
                                        <p>Admin</p>
                                    </a>
                                </div>
                                <div class="col-xs-6">
                                    <a class="card card-block m-b-0 bg-app-tertiary bg-inverse" href="frontend_home.html">
                                        <i class="ion-laptop fa-4x"></i>
                                        <p>Frontend</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- .card-block -->
                    </div>
                    <!-- End Apps card -->
                </div>
            </div>
        </div>
        <!-- End Apps Modal -->
		

        <div class="app-ui-mask-modal"></div>
       <!-- AppUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock and App.js -->
        <script src="assets/js/core/jquery.min.js"></script>
        <script src="assets/js/core/bootstrap.min.js"></script>
        <script src="assets/js/core/jquery.slimscroll.min.js"></script>
        <script src="assets/js/core/jquery.scrollLock.min.js"></script>
        <script src="assets/js/core/jquery.placeholder.min.js"></script>
        <script src="assets/js/app.js"></script>
        <script src="assets/js/app-custom.js"></script>

        <!-- Page Plugins -->
        <script src="assets/js/plugins/slick/slick.min.js"></script>
        <script src="assets/js/plugins/chartjs/Chart.min.js"></script>
        <script src="assets/js/plugins/flot/jquery.flot.min.js"></script>
        <script src="assets/js/plugins/flot/jquery.flot.pie.min.js"></script>
        <script src="assets/js/plugins/flot/jquery.flot.stack.min.js"></script>
        <script src="assets/js/plugins/flot/jquery.flot.resize.min.js"></script>

      
        <!-- <script src="assets/js/pages/index.js"></script> -->
        <script>
            $(function()
            {
                // Init page helpers (Slick Slider plugin)
                App.initHelpers('slick');

					queryExamInfo();
				//页面加载
				function queryExamInfo(){
					var eId =1; //考试id
					var cId =-1; //班级id
					var sId = 1; //学科id
					var str = ""; //学号或名字
					var subjectNm;
					var url ="http://localhost:6630/wanbangee/exam-statistic/scoreReport/selectMexamBySchId";
					var param = {
						schId: 1
					};
					//查询当前登录人所在学校所有考试
					$.get(url,param,function(data){
						  var content = "";
									  for(var i = 0;i<data.mExam.length;i++){
										  content += "<li><a class='exam' href='"+data.mExam[i].examId+"'>"+data.mExam[i].examNm;
										  content += "</a></li>";
									  }
									  $("#u_chioceExam").html(content);
					})
					
					//给选择的考试的li元素进行事件委派
					$("#u_chioceExam").delegate(".exam","click",function(){
						$("#a_choiceExam").text($(this).text());
						eId = $(this).attr("href");
						examNm = $(this).html(); //获取考试名称
						sessionStorage.setItem("examId",JSON.stringify(eId));  //考试id存入会话存储
						sessionStorage.setItem("examNm",JSON.stringify(examNm));  //考试id存入会话存储
						return false;
					});
					//和查询本场考试参加的班级信息
					$.get("http://localhost:6630/wanbangee/exam-statistic/scoreReport/getClassByExamId",{
						examId:eId
					},function(data){
						  var content = "";
									  for(var i = 0;i<data.mClass.length;i++){
										  content += "<li><a class='class' href='"+data.mClass[i].claId+"'>"+data.mClass[i].claNm;
										  content += "</a></li>";
									  }
									  $("#u_classDiv").html(content);
					})
					//给选择的班级的li元素进行事件委派
					$("#u_classDiv").delegate(".class","click",function(){
						$("#a_chioceClass").text($(this).text());
						cId = $(this).attr("href");
						return false;
					});
					
					//和查询本场考试的科目信息
					$.get("http://localhost:6630/wanbangee/exam-statistic/subScore/selectSubByExamId",{
						examId:eId
					},function(data){
						  var content = "";
									  for(var i = 0;i<data.mSubject.length;i++){
										  content += "<li><a class='subject' href='"+data.mSubject[i].subId+"'>"+data.mSubject[i].subNm;
										  content += "</a></li>";
									  }
									  $("#u_sub").html(content);
					})
					//给选择的科目li元素进行事件委派
					$("#u_sub").delegate(".subject","click",function(){
						$("#a_chioceSub").text($(this).text());
						sId = $(this).attr("href");
						subjectNm = $(this).text();
						return false;
					});
					//查询所有学生的语文考试成绩
					$.get("http://localhost:6630/wanbangee/exam-statistic/subScore/selectSubReportByExamIdAndClaIdAndSubIdAndStuNm",{
						examId:eId,
						claId:cId,
						subId:sId,
						stuNmOrStuNo:str
					},function(data){
						  var content = "";
									  for(var i = 0;i<data.StatisticsSubReport.length;i++){
										  content += "<tr>";
										  content += "<td>"+data.StatisticsSubReport[i].schNm+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].claNm+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].stuNo+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].stuNm+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].gradeRanking+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].classRanking+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].subNm+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].subjectiveScore+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].objectiveScore+"</td>";
										  content += "<td>"+data.StatisticsSubReport[i].totalScore+"</td>";
										  content += "</tr>";
										  
									  }
									  $("#t_showScore").html(content);
					})
					 //根据examId,claId,subIdstuNmOrStuNo条件查询科目成绩
					 $("#searchScore").click(function(){
						 str = $("#search-input").val();
						$.get("http://localhost:6630/wanbangee/exam-statistic/subScore/selectSubReportByExamIdAndClaIdAndSubIdAndStuNm",{
							examId:eId,
							claId:cId,
							subId:sId,
							stuNmOrStuNo:str
						},function(data){
							  var content = "";
										  for(var i = 0;i<data.StatisticsSubReport.length;i++){
											  content += "<tr>";
											  content += "<td>"+data.StatisticsSubReport[i].schNm+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].claNm+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].stuNo+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].stuNm+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].gradeRanking+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].classRanking+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].subNm+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].subjectiveScore+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].objectiveScore+"</td>";
											  content += "<td>"+data.StatisticsSubReport[i].totalScore+"</td>";
											  content += "</tr>";
											  
										  }
										  $("#t_showScore").html(content); 
										   $("#u_liSub").text(subjectNm);
						})
					 });
					 					
					 
				}
				
            });
        </script>

    </body>

</html>